<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>草稿箱</title>
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css"/>
    <link rel="stylesheet" type="text/css" href="../../../ht-css/jedate.css" />
</head>
<body data-id="30">
<nav class="breadcrumb">订单管理 <span class="c-gray en">&gt;</span> 代客下单草稿箱<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<article class="page-container">
    <div class="bg-1 bk-gray ml-20 pt-20 pb-20 clearfix mr-20">
        <form class="clearfix" id="form-search">
            <div class="clearfix">
                <div class="low pos-r">
                    <div class="replaceorder_lable w4">客户名称：</div><span class="size-M f-l select_s"><input id="customerName" type="text" class="input-text radius"></span>
                    <span class="Validform_checktip"></span>
                </div>
                <div class="low pos-r">
                    <div class="replaceorder_lable w4">下单账号：</div><span class="size-M f-l select_ph"><input id="customerLoginAccount" type="text" class="input-text radius"></span>
                    <span class="Validform_checktip"></span>
                </div>
                <div class="low pos-r">
                    <div class="replaceorder_lable w4">保存时间：</div>
                    <div class="f-l">
                        <input class="workinput wicon input-text radius" id="timemin" type="text" placeholder="起始时间" style="width:115px;" readonly>
                        ~
                        <input class="workinput wicon input-text radius" id="timemax" type="text" placeholder="结束时间" style="width:115px;" readonly>
                    </div>
                </div>
            </div>
            <div class="clearfix">
                <div class="low pos-r">
                    <div class="replaceorder_lable w4">创建人：</div><span class="size-M f-l select_s"><input id="createUserName" type="text" class="input-text radius"></span>
                    <span class="Validform_checktip"></span>
                </div>
                <input type="submit" class="btn btn-secondary radius mr-20 powerButton 96" value="查&nbsp;&nbsp;询">
                <input type="reset" class="btn radius powerButton 96" value="重&nbsp;&nbsp;置" style="line-height: 1">
            </div>
        </form>
        <table class="table table-border table-bg table-hover table-sort mt-10" id="datatable" >
            <thead>
            <tr class="text-c">
                <th width="100">客户名称</th>
                <th width="70">下单账号</th>
                <th width="80">保存时间</th>
                <th width="60">创建人</th>
                <th width="70">购买数量</th>
                <th width="50">总金额</th>
                <th width="50">操作</th>
            </tr>
            </thead>

            <tbody class="shun">

            </tbody>
        </table>
        <div class="dataTables_wrapper goods_fanye clearfix mt-5">
            <div class="f-r pageturning M-box3"></div>
        </div>
    </div>
    <!--删除选中弹出层-->
    <div id="modal-delete" class="modal fade pop_win" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="width:420px;">
            <div class="modal-content radius">
                <div class="modal-header">
                    <h3 class="modal-title">提示</h3>
                    <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
                </div>
                <div class="modal-body modal-center">
                    <p>确认要删除选中的商品吗？</p>
                </div>
                <div align="center" class="button">
                    <button class="btn btn-primary radius size-L" onclick="deleteSelectSure()">确定</button>
                    <button class="btn radius size" data-dismiss="modal" aria-hidden="true">取消</button>
                </div>
            </div>
        </div>
    </div>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--时间组件-->
<script type="text/javascript" src="../../../lib/jquery.jedate.min.js?rev=@@hash"></script>
<!--<script type="text/javascript" src="../../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>-->
<!--引入分页-->
<link rel="stylesheet" href="../../../lib/pagination/pagination.css">
<script src="../../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>

<!--权限控制-->
<script type="text/javascript" src="../../../ht-js/power.js?rev=@@hash"></script>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../../lib/Validform/5.3.2/Validform_v5.3.2_min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<!--<script type="text/javascript" src="../../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>-->
<script type="text/javascript" src="../../../ht-js/order/replaceOrder/drafts.js?rev=@@hash"></script>
<script src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
<script>
    $(function () {
        $("#form-search").Validform({
            tiptype:2,
            callback:function(form){
                getList(1)
                return false;
            }
        });
        function timeSet(startEl,endEl,timeFormat){
            /*startEl=>开始时间Input的id，endEl=>结束时间Input的id，时间格式（YYYY-MM-DD hh:mm:ss  YYYY年MM月DD日 hh:mm:ss）*/
            /*时间设置*/
            var thisMaxTime = $.nowDate().substring(0,$.nowDate().length-8)+"23:59:59";
            var start = {
                format: timeFormat,
                maxDate: thisMaxTime,
                okfun: function(obj){
                    end.minDate = obj.val.substring(0,obj.val.length-5)+"00:00:00"; //开始日选好后，重置结束日的最小日期
                }
            };
            var end = {
                format: timeFormat,
                maxDate: thisMaxTime,
                okfun: function(obj){
                    start.maxDate = obj.val.substring(0,obj.val.length-5)+"23:59:59"; //将结束日的初始值设定为开始日的最大日期
                }
            };
            $.jeDate(startEl,start);
            $.jeDate(endEl,end);
        }
        timeSet("#timemin","#timemax","YYYY-MM-DD hh:mm");
    })
</script>
</body>
</html>